<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body>
		
<!-- v-else-if 在 2.1.0 新增，顾名思义，用作 v-if 的 else-if 块。可以链式的多次使用：：-->
			 
		<body>
		    <div id="app">
		        <h1>姓名：<label v-text="Name"></label></h1>
		        <h1>是否已婚：<span v-if="IsMarry">是</span></h1>
		        <h1>大人or小孩：<span v-if="Age>18">大人</span><span v-else>小屁孩</span></h1>
		        <h1>学校：{{ School }}</h1>
		    </div>
		
		 
		    <script type="text/javascript">
		    //Model
		    var data = {
		        Name: '小明',
		        IsMarry: true,
		        Age: 20,
		        School:'光明小学',
		    }
		
		    //ViewModel
		    var vue = new Vue({
		        el: '#app',
		        data: data,
		    });
		    </script>
		</body>

	</body>
</html>


